<template>
	<view class="wrap">
		<image class="top rollBack" :src="imgPath+'/static/img/activeB/rollback.png'" mode="widthFix"></image>
		<image class="iwidth" :src="imgPath+'/static/big/teamCenter/team.png'" mode="widthFix"></image>
		<view class="name" :class="{short:changeName && isCaptain&&showchangeName}" @click="teamName">{{mbtiTeamName}}</view>
		<image class="changeName breath" v-if="changeName && isCaptain&&showchangeName" :src="imgPath+'/static/big/teamCenter/changeName.png'" mode="widthFix"></image>
		<view class="hepai">
			<!-- 契合人格 -->
			<image class="hepaiPerson" v-if="mbtisList.includes('ENFJ')" :src="imgPath+'/static/big/result/hepai/ENFJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ENFP')" :src="imgPath+'/static/big/result/hepai/ENFP.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ESFJ')" :src="imgPath+'/static/big/result/hepai/ESFJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ESFP')" :src="imgPath+'/static/big/result/hepai/ESFP.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('INFJ')" :src="imgPath+'/static/big/result/hepai/INFJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('INTP')" :src="imgPath+'/static/big/result/hepai/INTP.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ISFJ')" :src="imgPath+'/static/big/result/hepai/ISFJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ISFP')" :src="imgPath+'/static/big/result/hepai/ISFP.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ENTJ')" :src="imgPath+'/static/big/result/hepai/ENTJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ENTP')" :src="imgPath+'/static/big/result/hepai/ENTP.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ESTJ')" :src="imgPath+'/static/big/result/hepai/ESTJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ESTP')" :src="imgPath+'/static/big/result/hepai/ESTP.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('INFP')" :src="imgPath+'/static/big/result/hepai/INFP.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('INTJ')" :src="imgPath+'/static/big/result/hepai/INTJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ISTJ')" :src="imgPath+'/static/big/result/hepai/ISTJ.png'" mode="widthFix"></image>
			<image class="hepaiPerson" v-if="mbtisList.includes('ISTP')" :src="imgPath+'/static/big/result/hepai/ISTP.png'" mode="widthFix"></image>
		</view>
		<!-- <image class="rules" @click="$refs.showRules.regBool = true" mode="widthFix" :src="imgPath+'/static/img/btn_1.png'"></image> -->
		<view class="invite">
			<button class="shareBtn" open-type="share" ref="share"> </button>
		</view>
		<image class="man join" v-if="!isCaptain && zjStatus != 6 && memberList.length < 9&&!isParter" @click="joinTeam" :src="imgPath+'/static/big/teamCenter/join.png'" mode="widthFix"></image>
		<!-- 满员 -->
		<image class="man" v-if="memberList.length == 9" :src="imgPath+'/static/big/teamCenter/man.png'" mode="widthFix"></image>
		<image class="duiyuan" :class="{topZ: wcShow}" v-if="isCaptain" @click="duiyuan" :src="imgPath+'/static/big/teamCenter/duiyuan.png'" mode="widthFix"></image>
		<image class="duiyuan" :class="{topZ: wcShow}" v-if="isParter" @click="duizhang" :src="imgPath+'/static/big/teamCenter/duizhang.png'" mode="widthFix"></image>
		<image class="viewActivity" v-if="!isCaptain && !isParter" @click="viewActivity" :src="imgPath+'/static/big/teamCenter/viewActivity.png'" mode="widthFix"></image>
		<!-- 小队成员列表 -->
		<view class="top-box">
			<scroll-view scroll-x="true" style="height: 100%;" :lower-threshold="60">
				<view class="top-content" :style="{'justify-content': memberList.length < 4 ?'center' : 'flex-start'}">
					<view class="item-top" v-for="(item,index) in memberList" :key="index">
						<view style="display: flex;justify-content: center;">
							<view v-if="item.isCaptain" class="item-tag">队长</view>
							<view class="item-tag1">{{item.mbti}}</view>
						</view>
						<image class="pImage" :src="item.avatar" mode="widthFix"></image>
						<view class="item-name">{{item.nickname}}</view>
					</view>
				</view>
			</scroll-view>
		</view>
		<!-- 任务列表 -->
		<view class="content">
			<view class="item" v-for="(item,index) in taskList">
				<image class="xuhao" mode="widthFix" :src="imgPath+'/static/big/teamCenter/workList/0'+(index+1)+'.png'"></image>
				<image class="itemList" mode="widthFix" :src="imgPath+'/static/big/teamCenter/workList/work_'+item.taskId+'.png'"></image>
			</view>
		</view>
		<image class="btns" @click="toSquare" v-if="isCaptain" mode="widthFix" :src="imgPath+'/static/big/teamCenter/toSquare.png'"></image>
		<image class="back" @click="toBack" v-if="isCaptain" mode="widthFix" :src="imgPath+'/static/big/teamCenter/back.png'"></image>
		<view class="bottomBox">
			<image class="quxiao" @click="quxiao" v-if="isCaptain" mode="widthFix" :src="imgPath+'/static/big/teamCenter/cancelZudui.png'"></image>
			<image class="quxiao" @click="tuichu" v-if="isParter" mode="widthFix" :src="imgPath+'/static/big/teamCenter/tcZd.png'"></image>
			<image class="wancheng" @click="wancheng" v-if="isCaptain" mode="widthFix" :src="imgPath+'/static/big/teamCenter/wanchengZudui.png'"></image>
			<image class="weiwancheng" v-if="memberList.length < 3 && isCaptain" mode="widthFix" :src="imgPath+'/static/big/teamCenter/wanchengZudui.png'"></image>
			<image class="quxiao" v-if="!isCaptain&&!isParter" @click="zjZd" mode="widthFix" :src="imgPath+'/static/big/teamCenter/zjZd.png'"></image>
			<image class="wancheng" @click="toSquare" v-if="!isCaptain" mode="widthFix" :src="imgPath+'/static/big/teamCenter/xhGc.png'"></image>
		</view>

		<!-- 小队名字弹窗 -->
		<TeamName ref="showTeamName" @success="shuaxin" :engName="engName" :teamName="mbtiTeamName" type="update"></TeamName>
		<!-- 组队完成弹窗 -->
		<ConfirmTeam ref="showTeamConfirm" @success="wanchengTeam"></ConfirmTeam>
		<!-- 取消组队弹窗 -->
		<CancelTeam ref="showTeamCancel" @success="toDeleteTeam"></CancelTeam>
		<!-- 组队已取消弹窗 -->
		<!-- <DestoryTeam ref="showTeamDelete"></DestoryTeam> -->
		<view class="mask">
			<u-popup v-model="showTeamDelete" mode="center" :mask-close-able="false">
				<view class="mwrap">
					<image class="renge" mode="widthFix" :src="imgPath+'/static/big/teamCenter/zuduiQuxiao.png'"></image>
				</view>
			</u-popup>
		</view>
		<!-- 联系队员弹窗 -->
		<ViewFriend ref="showFriend" @cancel="cancelView"></ViewFriend>
		<!-- 选择挑战任务弹窗 -->
		<selectTasks ref="showSelect" :taskList="taskList" @viewRules="viewRules" @success="SelectTaskSuccess" @tips="tips"></selectTasks>
		<!-- 签到任务提示弹窗 -->
		<signTips ref="showSignTips"></signTips>
		<!-- 授权弹窗 -->
		<Shouquan ref="shouquan" :config="config"></Shouquan>
		<!-- 小队选择完成任务弹窗 -->
		<CompleteTask ref="completeTask" @success="toTeamCenter"></CompleteTask>
		<!-- 未选择完成任务弹窗 -->
		<NoCompleteTask ref="noCompleteTask" @success="toTeamCenter"></NoCompleteTask>
		<!-- 组队规则弹窗 -->
		<Rules ref="showRules" :isShow="false"></Rules>
		<u-popup v-model="tkShow" mode="center" :mask-close-able="zjStatus == 0 || zjStatus == 3">
			<view class="mwrap" :class="{mwrap1:zjStatus == 0 || zjStatus == 3}">
				<image v-if="zjStatus == 0" class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/wfq.png'"></image>
				<image v-if="zjStatus == 0 || zjStatus == 3" class="chakan" @click="viewActivity" mode="widthFix" :src="imgPath+'/static/big/teamCenter/chakan.png'"></image>
				<image v-if="zjStatus == 2" class="wcs-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/wcs.png'"></image>
				<view v-if="zjStatus == 2" class="wcs-btn0" @click="qWc"></view>
				<view v-if="zjStatus == 2" class="wcs-btn1" @click="tkShow = false"></view>
				<image v-if="zjStatus == 3" class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/wjr.png'"></image>
				<image v-if="zjStatus == 4" class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/bhp.png'"></image>
				<view v-if="zjStatus == 4" class="wfq-btn4" @click="qWc"></view>
				<image v-if="zjStatus == 5" class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/myWx.png'"></image>
				<view v-if="zjStatus == 5" class="name-tk"> {{ engName }}</view>
				<view v-if="zjStatus == 5" class="wfq-btn" @click="tkShow = false"></view>
				<view v-if="zjStatus == 5" class="make-btn" @click="sureJoin"></view>
				<image v-if="zjStatus == 6" class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/dzWx.png'"></image>
				<view v-if="zjStatus == 6" class="capName-tk"> {{ captainEngName }}</view>
				<view v-if="zjStatus == 6" class="copy-tk" @click="copyText(captainEngName)"></view>
				<view v-if="zjStatus == 6" class="wfq-btn" @click="completeJoinTeam"></view>
			</view>
		</u-popup>
		<u-popup v-model="tcShow" mode="center" :mask-close-able="false">
			<view class="mwrap">
				<image class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/tctk.png'"></image>
			    <view @click="tcShow=false" class="tcbtn tcbtn1"></view>
				<view @click="tuichuBtn" class="tcbtn tcbtn2"></view>
			</view>
		</u-popup>
		<u-popup v-model="wcShow" mode="center" :mask-close-able="false">
			<view class="mwrap">
				<image class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/weiwancheng.png'"></image>
				<view @click="wcSx" class="tcbtn tcbtn3"></view>
			</view>
		</u-popup>
		<u-popup v-model="dzShow" mode="center" :mask-close-able="false">
			<view class="mwrap">
				<image class="wfq-tk" mode="widthFix" :src="imgPath+'/static/big/teamCenter/dzWx.png'"></image>
				<view class="capName-tk"> {{ captainEngName }}</view>
				<view class="copy-tk" @click="copyText(captainEngName)"></view>
				<view class="wfq-btn" @click="duizhangCancel"></view>
			</view>
		</u-popup>
		<NewRule/>
    <BgMusic ref="bgMusic"/>
		<ActivityEnd ref="activityEnd"/>
	</view>
</template>

<script>
	import platform from '@/src/platform.js'
	import http from "@/src/http";
	import Rules from '@/components/rules.vue'
	import TeamName from '@/components/teamName.vue'
	import SignTips from '@/components/signTips.vue'
	import ConfirmTeam from '@/components/confirmTeam.vue'
	import CancelTeam from '@/components/cancelTeam.vue'
	import DestoryTeam from '@/components/destoryTeam.vue'
	import ViewFriend from '@/components/viewFriend.vue'
	import SelectTasks from '@/components/selectTasks.vue'
	import Shouquan from '@/components/shouquan.vue'
	import CompleteTask from '@/components/completeTask.vue'
	import NoCompleteTask from '@/components/noCompleteTask.vue'
	export default {
		components:{
			Rules,
			TeamName,
			SignTips,
			ConfirmTeam,
			CancelTeam,
			DestoryTeam,
			ViewFriend,
			SelectTasks,
			Shouquan,
			CompleteTask,
			NoCompleteTask
		},
		data() {
			return {
				teamId:'',
				changeName: true,
				showchangeName:true,
				mbtiTeamName: '', //队名
				mbtisList:[],//契合人格
				taskList:[],
				memberList: [],
				isCaptain: false,
				engName: '',//企业微信名
				captainEngName: '',//队长企业微信名
				showTeamDelete: false,
				mbtiStatus: 0,
				mbtiUser: {},
				zjStatus: 0,
				tkShow: false,
				tcShow:false,
				dzShow:false,
				isParter:false,// 是否是队员
				showDuizhang:false, //提交任务时判断联系队长弹窗的显示参数
				wcShow: false,
				stage: '',
				config: {}
			}
		},
		onLoad(options) {
			this.teamId = options.teamId;
			this.showTeamDelete = false
			// console.info('onLoad接收到teamId：'+this.teamId)
			setTimeout(()=>{
				this.changeName = false
			},5000);
			//this.getTeam()
			//this.getEngName()
			//this.loadData()
		},
		onShow() {
			this.showchangeName = true;
			this.showTeamDelete = false
			this.loadData();
			//this.getTeam();
			this.getEngName()

		},
		onHide(){
			this.showchangeName = false;
		},
		methods: {
			loadData(){
				http.initData().then(res=>{
					this.stage = res.data.config.stage
					if(this.stage == 3){
						this.$refs.activityEnd.show()
					}
					this.mbtiStatus = res.data.mbtiUser.mbtiStatus;
					this.mbtiUser = res.data.mbtiUser;
					this.config = res.data.config;
          this.getTeam();
				})
			},
			viewActivity(){
				this.qWc()
			},
			zjZd() {
				// zjStatus 0 组过队不是队长 1 是队长 2 未组队 3无法加入 4人格不匹配 5人格匹配未加入 6已加入
				if (this.mbtiUser.teamId > 0) {
					this.zjStatus = 0
					if (this.isCaptain){
						this.zjStatus = 1
						uni.redirectTo({
							url:`/pages/activeB/teamCenter/index?teamId=${this.mbtiUser.teamId}`
						});
					} else {
						this.tkShow = true
					}
				} else if (this.mbtiStatus == 0 || this.mbtiStatus == 1){
					this.zjStatus = 2
					this.tkShow = true
				} else if (this.mbtiStatus == 2) {
				 	uni.redirectTo({
						url:'/pages/activeB/result/index'
					});
				}
			},
			qWc() {
				if (this.mbtiStatus == 0){
					uni.redirectTo({
						url:'/pages/activeB/index/index'
					});
				}
				if (this.mbtiStatus == 1){
					uni.redirectTo({
						url:'/pages/activeB/result/index'
					});
				}
				if (this.mbtiStatus == 2){
					uni.redirectTo({
						url:'/pages/activeB/result/index'
					});
				}
			},
			getTeam(type){
				const params = {
					action: 'view',
					teamId: this.teamId
				}
				http.teamManage(params).then(res=>{
					console.log('initTasks',res)
					if(res.data){
						this.mbtiTeam = res.data.mbtiTeam;
						this.mbtiUser = res.data.mbtiUser;
						this.mbtiTeamName = res.data.mbtiTeam.teamName;
						this.mbtisList = res.data.mbtiTeam.mbtis.split(',');
						this.taskList = res.data.mbtiTeam.teamTasks;
						this.memberList = res.data.mbtiTeam.members;
						if(this.memberList.length==0){
							this.toDeleteTeam();
							return false;
						}
						this.mbtiStatus = res.data.mbtiUser.mbtiStatus
						this.captainEngName = res.data.mbtiTeam.captainEngName
						this.isCaptain = res.data.mbtiUser.isCaptain&&this.mbtiTeam.id==this.mbtiUser.teamId;
						this.isParter = (!this.isCaptain)&&this.mbtiTeam.id==this.mbtiUser.teamId;//队员
						this.teamId = this.mbtiTeam.id;
						if (this.mbtiTeam.id==this.mbtiUser.teamId && !this.isCaptain) {
							this.zjStatus == 6
						}
						this.subscribeStatus = res.data.mbtiUser.subscribeStatus;
						const zdStatus = res.data.mbtiTeam.status
						this.zdStatus = zdStatus;
						const initTeamTaskStatus = res.data.mbtiTeam.initTeamTaskStatus
						this.initTeamTaskStatus = initTeamTaskStatus;
						const isTaskVote = res.data.mbtiUser.isTaskVote
						this.isTaskVote = isTaskVote;
						if(initTeamTaskStatus == 1) {
							if(this.isCaptain||this.isParter){
								return uni.redirectTo({
									url:'/pages/activeB/teamList/index'
								});
							}
							uni.showModal({
								title: '提示',
								showCancel: false,
								content: '已组队成功，不可加入...',
								success(){
									uni.redirectTo({
										url:'/pages/index?name=activeB'
									})
								}
							});
							return false;
						} else if(type){
							uni.showModal({
								title: '提示',
								content: '还有队员未完成选择，请耐心等候...'
							});
						}
						if(this.stage == 3){
							this.$refs.activityEnd.show()
							return
						}
						if(zdStatus == 2 && isTaskVote == 0) {
              this.$refs.showSelect.show(this.taskList);
						}
						if(zdStatus == 2 && isTaskVote == 1) {
							this.wcShow = true
						}

					}else{
						// 不管队长还是队员进入到小队中心，如果队伍取消，弹出弹窗,并跳转到首页
						this.toDeleteTeam();
						return false;
					}
					if(this.isCaptain&&this.subscribeStatus!=1){
						this.showSubscribe();
					}
					if(!this.isCaptain&&this.subscribeStatus!=1&&this.mbtiUser.teamId>0){
						this.showSubscribe();
					}
				})
			},
			sureJoin() {
				const params = {
					action: 'join',
					teamId: this.teamId
				}
				http.teamManage(params).then(res=>{
					if (res.status == 0) {
						this.zjStatus = 6
						this.tkShow = true;
						this.getEngName()
						this.loadData()
					}
					console.log('initTasks',res)
				})
			},
			joinTeam(){
				if(this.stage == 3){
					this.$refs.activityEnd.show()
					return
				}
				if(this.zdStatus==2){
					uni.showModal({
						title: '提示',
						showCancel: false,
						content: '已组队成功，不可加入...',
						success(){
							uni.redirectTo({
								url:'/pages/index?name=activeB'
							})
						}
					});
					return false;
				}
				// zjStatus 0 组过队不是队长 1 是队长 2 未组队 3无法加入 4人格不匹配 5人格匹配未加入 6已加入
				if (this.mbtiUser.teamId > 0) {
					this.zjStatus = 3
					this.tkShow = true
					ReadableStreamDefaultController
				} else if (this.mbtiStatus == 0 || this.mbtiStatus == 1){
					this.zjStatus = 2
					this.tkShow = true
					return
				} else if (this.mbtiStatus == 2) {
				 	if (this.mbtiTeam.mbtis.indexOf(this.mbtiUser.mbti) <= -1) {
						this.zjStatus = 4
						this.tkShow = true
					} else {
						this.zjStatus = 5
						this.tkShow = true
					}
					return
				}
			},
			getEngName(){
				http.getName().then(res=>{
					this.engName = res.data
				})
			},
			toSquare(){
				if (getCurrentPages().length >= 10) {//判断当前页面栈是否大于等于10.如果大于或等于就使用wx.redirectTo来跳转页面，清除当前页面栈
					uni.redirectTo({
						url:'/pages/activeB/square/index'
					});
				} else {
					uni.navigateTo({
						url:'/pages/activeB/square/index'
					});
				}
			},
			duiyuan(){
				if(this.wcShow){
					this.wcShow = false
					this.$refs.showFriend.isComplete = true
				}else{
					this.$refs.showFriend.isComplete = false
				}
				this.$refs.showFriend.getMembers();
				this.$refs.showFriend.regBool = true
			},
			duizhang(){
				if(this.wcShow){
					this.wcShow = false
					this.showDuizhang = true
				}else{
					this.showDuizhang = false
				}
				this.dzShow = true
			},
			duizhangCancel(){
				this.dzShow=false
				if(this.showDuizhang){
					this.wcShow = true
				}
			},
			// 提交成功,任务未完成时,看完队长/队员微信后,重新打开提交成功弹窗
			cancelView(isComplete){
				if(isComplete){
					this.wcShow = true
				}
			},
			wanchengTeam(){
				// console.log('asdasdqw3gerytgtrh',)
				if(this.stage == 3){
					this.$refs.activityEnd.show()
					return
        }
				this.$refs.showSelect.show(this.taskList);
			},
			tips(){
				this.$refs.showSignTips.regBool = true
			},
			teamName(){
				if (!this.isCaptain) { return }
				this.$refs.showTeamName.changeValue = this.mbtiTeamName
				this.$refs.showTeamName.regBool = true
			},
			quxiao(){
				if(this.zdStatus==2){
					uni.showModal({
						title: '提示',
						content: '已组队成功，不可取消...'
					});
					return false;
				}
				this.$refs.showTeamCancel.regBool = true
				// this.$refs.noCompleteTask.regBool = true
			},
			tuichu(){
				if(this.zdStatus==2){
					uni.showModal({
						title: '提示',
						content: '已组队成功，不可退出...'
					});
					return false;
				}
				this.tcShow=true;
			},
			wcSx() {
				this.getTeam('sx')
			},
			tuichuBtn(){
				const params = {
					action: 'leave',
					teamId: this.teamId
				}

				http.teamManage(params).then(res=>{
					this.tcShow=false;
					this.zjStatus = 0
					this.getEngName()
					this.loadData()
				})
			},
			wancheng(){
				this.$refs.showTeamConfirm.regBool = true
			},
			toBack(){
				uni.redirectTo({
					url:'/pages/activeB/result/index'
				});
			},
			shuaxin(){
				const params = {
					action: 'view',
					teamId: this.teamId
				}
				http.teamManage(params).then(res=>{
					this.mbtiTeamName = res.data.mbtiTeam.teamName
				})
			},
			toTeamCenter(){
				uni.redirectTo({
					url:'/pages/activeB/teamCenter/index?teamId='+ this.teamId
				});
			},
			viewRules(){
				this.$refs.showRules.regBool = true
			},
			SelectTaskSuccess() {
				this.wcShow = true
			},
			toDeleteTeam(reset=false){
				this.showTeamDelete = true
				if(this.mbtiUser.teamId==-1||reset){
					http.cancelTeam().then(res=>{
						setTimeout(()=>{
							uni.redirectTo({
								url:'/pages/index?name=activeB&noload=true'
							});
						},2000);
					})
				}else{
					setTimeout(()=>{
						uni.redirectTo({
							url:'/pages/index?name=activeB&noload=true'
						});
					},2000);
				}

			},
			//弹窗提示订阅
			showSubscribe(){
				if(this.subscribeStatus==1)return false;
				http.updateSubscribeStatus({subscribeStatus:1});
				this.$refs.shouquan.show();
			},
			// 复制文本
			copyText(engName){
				wx.setClipboardData({
					data: engName,
					success(res){
						wx.getClipboardData({
							success(res){
								wx.showToast({
									icon: "none",
									title:'复制成功'
								})
							}
						})
					}
				})
			},
			completeJoinTeam(){
				this.tkShow = false
				this.showSubscribe();
			},
		},
		onShareAppMessage() {
			http.writeLog2({type:2});
			this.showchangeName = false;
			let params = encodeURIComponent(`/pages/activeB/teamCenter/index?teamId=${this.teamId}`)
			console.info('分享page参数：',params,'teamId:',this.teamId)
			return {
				title:`${this.mbtiTeamName}正在火热组队中，快来加入吧！`,
				path:`/pages/index?page=${params}`
			}
		},
	}
</script>

<style lang="scss" scoped>
.wrap{
	position: relative;
	padding-bottom: 60rpx;
	width: 100vw;
  overflow-x: hidden;
	.top{
		position: absolute;
		z-index: 9;
		width: 742rpx;
		top: 16rpx;
		left: 4rpx;
	}
	.rules{
		position: absolute;
    right: 4rpx;
    top: 276rpx;
    width: 82rpx;
	}
	.name{
		position: absolute;
    top: 54rpx;
    left: 0;
    height: 110rpx;
    font-size: 60rpx;
    text-align: center;
    line-height: 110rpx;
    width: 501rpx;
		overflow: scroll;
	}
	.short{
		line-height: 100rpx;
	}
	.changeName{
		position: absolute;
    top: 135rpx;
    left: 176rpx;
    width: 165rpx;
    z-index: 6;
	}
	.invite{
		position: absolute;
    top: 569rpx;
    left: 27rpx;
    width: 700rpx;
    height: 118rpx;
    border-radius: 60rpx;
    z-index: 6;
		.shareBtn{
			background-color: transparent !important;
			width: 695rpx;
			height: 114rpx;
			border-radius: 56rpx;
		}
	}
	.man{
		position: absolute;
    top: 569rpx;
    left: 27rpx;
    width: 700rpx;
		z-index: 6666;
	}
	.join{
		top: 569rpx;
		left: 30rpx;
	}
	.duiyuan{
		position: fixed;
    top: 906rpx;
    left: 8rpx;
    width: 118rpx;
    z-index: 6;
	}
	.topZ{
		z-index: 999999;
	}
	.viewActivity{
		position: fixed;
    top: 906rpx;
    right: 8rpx;
    width: 118rpx;
    z-index: 6;
	}
	.hepai{
		position: absolute;
    top: 281rpx;
    left: 86rpx;
    display: flex;
		justify-content: space-between;
    width: 574rpx;
    height: 271rpx;
    z-index: 6;
		.hepaiPerson{
			width: 174rpx;
		}
	}
	.back{
		position: absolute;
		bottom: 198rpx;
    left: 0;
    height: 90rpx;
    width: 105rpx;
	}
	.btns{
		position: absolute;
		bottom: 200rpx;
    right: 0;
    height: 90rpx;
    width: 125rpx;
	}
	.wfq-tk {
		width: 541rpx;
		height: 419rpx;
	}
	.name-tk{
		width: 252rpx;
    height: 62rpx;
    position: absolute;
    top: 168rpx;
    left: 135rpx;
    border-radius: 31rpx;
    line-height: 62rpx;
    text-align: center;
	}
	.capName-tk{
		width: 252rpx;
    height: 62rpx;
    position: absolute;
    top: 297rpx;
    left: 88rpx;
    border-radius: 31rpx;
    line-height: 62rpx;
    text-align: center;
	}
	.copy-tk{
		width: 121rpx;
    height: 62rpx;
    position: absolute;
    top: 297rpx;
    left: 315rpx;
    border-radius: 31rpx;
    line-height: 62rpx;
    text-align: center;
	}
	.make-btn {
		width: 210rpx;
    height: 72rpx;
    position: absolute;
    top: 388rpx;
    left: 155rpx;
	}

	.wfq-btn {
		width: 80rpx;
    height: 80rpx;
    position: absolute;
    bottom: 16rpx;
    left: 220rpx;
	}
	.wfq-btn4 {
		width: 162rpx;
    height: 66rpx;
    position: absolute;
    bottom: 16rpx;
    left: 180rpx;
    border-radius: 33rpx;
	}
	.wcs-tk {
		width: 663rpx;
		height: 445rpx;
	}
	.wcs-btn0 {
		width: 200rpx;
    height: 80rpx;
    position: absolute;
    bottom: 0rpx;
    left: 80rpx;
	}
	.wcs-btn1 {
		width: 200rpx;
    height: 80rpx;
    position: absolute;
    bottom: 0rpx;
    left: 360rpx;
	}
}
		.top-box {
			width: 750rpx;
			height: 200rpx;
			position: absolute;
			top: 730rpx;
			left: 75rpx;
		}
		.top-content {
			width: 600rpx;
			height: 200rpx;
			display: flex;
			flex-wrap: no-wrap;
			font-size: 0;
			overflow: auto;
			justify-content: center;
		}
		.item-top {
			text-align: center;
			margin-bottom: 15rpx;
			margin-right: 16rpx;
			.item-tag {
				padding: 2rpx;
				border: 1px solid #181818;
				border-radius: 6rpx;
				background-color: #369eff;
				font-size: 18rpx;
				width: 63rpx;
				margin-right: 5rpx;
			}
			.item-tag1 {
				padding: 2rpx;
				border: 1px solid #181818;
				border-radius: 6rpx;
				background-color: #f1ee41;
				font-size: 18rpx;
				width: 73rpx;
			}
			.item-name {
				font-size: 18rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 120rpx;
				text-align: center;
			}
			.pImage{
				width: 80rpx;
				height: 80rpx;
				border-radius: 40rpx;
				margin: 5rpx;
			}
		}
		.content{
			position: absolute;
			top: 1520rpx;
			left: 119rpx;
			width: 520rpx;
			height: 1150rpx;
			overflow: auto;
			z-index: 6;
		.item{
			position: relative;
			height: 140rpx;
			.xuhao{
				width: 48rpx;
				color: #333;
				font-weight: bold;
				position: absolute;
				z-index: 3;
				top: 14rpx;
				left: 0rpx;
			}
			.itemList{
				width: 470rpx;
				position: absolute;
				top: 0rpx;
				left: 25rpx;
			}
		}
	}
	.bottomBox{
		position: fixed;
    width: 750rpx;
    height: 166rpx;
    bottom: 0rpx;
    z-index: 6666;
		background-color: #fff;
		.quxiao{
			position: fixed;
			z-index: 6666;
			left: 25rpx;
			bottom: 60rpx;
			width: 335rpx;
		}
		.wancheng{
			position: fixed;
			z-index: 6666;
			right: 28rpx;
			bottom: 60rpx;
			width: 335rpx;
		}
		.weiwancheng{
			position: fixed;
			z-index: 6666;
			right: 28rpx;
			bottom: 60rpx;
			width: 335rpx;
			filter: grayscale(1);
		}
	}
	.tcbtn{
		position: absolute;
		width:50%;
		height:90rpx;
		bottom:0;
	}
	.tcbtn1{
		left:0;
	}
	.tcbtn2{
		right:0;
	}
	.tcbtn3{
		left: 25%
	}
	.mwrap1{
		height: 355rpx;
		.chakan {
			width: 290rpx;
			position: absolute;
			bottom: 18rpx;
			left: 111rpx;
		}
	}
</style>
